 <template>
 	<view class="custom-tab-bar">
 		<view class="tab-item">
 			<image src="/static/share.png" class="icon" @click="collection"></image>
 			<text style="font-size: 12px;">分享</text>
 		</view>
		<view class="tab-item">
			<image src="/static/collection.png" class="icon" @click="collection"></image>
			<text style="font-size: 12px;">收藏</text>
		</view>
 		<view class="tab-item">
 			<image src="/static/cast.png" class="icon" @click="openClander"></image>
 			<text style="font-size: 12px;">立即预定</text>
 		</view>

 	</view>
 </template>

 <script>
 	import {
 		eventBus
 	} from '@/eventBus.js';
 	export default {
 		data() {
 			return {
 			};
 		},
 		methods: {
 			openClander() {
 				eventBus.$emit('updateValue', 'true');
 			}
 		}
 	};
 </script>

 <style>
 	.custom-tab-bar {
		padding-bottom: 10px;
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
 		position: fixed;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		height: 50px;
 		background-color: #fff;
 	}

 	.tab-item {
 		flex: 1;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}

 	.icon {
 		width: 24px;
 		height: 24px;
 	}
 </style>